// function withOpacityValue(variable) {
//     // 返回一个函数，透明度为可选参数，这样在 HTML 元素中使用颜色基础类时，既可以采用 text-blue-500 方式，也支持 text-blue-500/20 快捷同时设置透明度的形式
//     return ({opacityValue}) => {
//         if (opacityValue === undefined) {
//             return `rgb(var(${variable}))`;
//         }
//         return `rgba(var(${variable}), ${opacityValue})`;
//     };
// }


/** @type {import('tailwindcss').Config} */
export default {
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {},
    daisyui: {
        styled: true,
        base: true,
        utils: true,
        logs: true,
        rtl: false,
        prefix: "",
        themes: [
            "light", "dark", "cupcake", "bumblebee", "emerald", "corporate", "synthwave", "retro", "cyberpunk", "valentine", "halloween", "garden", "forest", "aqua", "lofi", "pastel", "fantasy", "wireframe", "black", "luxury", "dracula", "cmyk", "autumn", "business", "acid", "lemonade", "night", "coffee", "winter",
            {
                mytheme: {
                    "primary": "#82d668",
                    "secondary": "#ffdfaf",
                    "accent": "#43d34f",
                    "neutral": "#1D1D35",
                    "base-100": "#F2F2F3",
                    "info": "#5FABF1",
                    "success": "#189172",
                    "warning": "#AE8E0F",
                    "error": "#F91552",
                },
            }
        ],
    },
    plugins: [
        require('@tailwindcss/forms'),
        require("daisyui"),
    ],
}

